<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>订单支付</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui,viewport-fit=cover"/>
    <meta name="keywords" content="订单支付">
    <meta name="description" content="订单支付">
    <script type="text/javascript" src="js/base.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="css/theme-chalk/index.css">
    <!-- <link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"> -->
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type='text/javascript' src="js/jquery.min.js" charset="UTF-8"></script>
    <!-- <script type='text/javascript' src="js/html2canvas.min.js" charset="UTF-8"></script> -->
    <script type="text/javascript" src="js/layer/layer.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/vue.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/axios.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="js/elementui.min.js" charset="UTF-8"></script>
    <!-- <script type='text/javascript' src="js/swiper-bundle.min.js" charset="UTF-8"></script> -->
    <script type='text/javascript' src="../common/js/helper.js" charset="UTF-8"></script>
</head>
<body>
    <div class="wrapperbox confirmpage hasmenu" id="app">
        <div class="timeout">
            <p><span>支付剩余时间：<em>00</em> <em>28</em> <em>36</em></span></p>
        </div>
        <div class="confirm">
            <div class="probuct">
                <div class="row">
                    <div class="img"><img src="images/order-img.png" alt=""></div>
                    <div class="text">
                        <h3>好物优选 | 金龙鱼玉米油非订转基因4升</h3>
                        <p><em>￥</em>96.8</p>
                    </div>
                </div>
                <div class="bot">
                    <p><em>套餐：</em><span>金龙鱼4斤装一桶</span><em><i class="el-icon-close"></i>2</em></p>
                </div>
            </div>
            <div class="user">
                <h3>用户信息</h3>
                <div class="list">
                    <div class="input"><span>姓名：</span><input type="text" placeholder="请填写姓名" value="空山"></div>
                    <div class="input"><span>手机号：</span><input type="text" placeholder="请填写手机号" value="13811899360"></div>
                </div>
            </div>
        </div>
        <div class="zhifubotmenu">
            <div class="fl"><span>合计金额：</span><h5><em>￥</em>96.8</h5></div>
            <div class="btn">去支付</div>
        </div>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data () {
            return {
                serachtxt:'',
            }
        },
        mounted () {
            
            var that=this;
            that.getdata();
        },
        methods: {
            getdata:function(){
                var that=this;
                // axios.get(api+'/api/alliance/'+code).then(res => {
                //     // console.log(res) 
                //     if(res.status==200){
                //         res.data.intro_chage=res.data.intro.split('\n');
                //         var strarr=res.data.intro_chage;
                //         var str='';
                //         $(strarr).each((i,v)=>{
                //             str+='<span>';
                //             str+=v;
                //             str+='</span>';
                //         })
                //         res.data.intro_chage=str;
                //         that.data=res.data;
                //     }
                // }).catch(function (error) {console.log('获取基础信息：'+error);});
            },
        }
    });
</script>
</html>